<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索</title>
    <!-- 引入外部css文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/search.css">
</head>
<body>

    <!-- 搜索框 -->
    <div id="searchBox">
        <span class="iconfont icon-arrow-left back">
        </span>
        <div class="searchBar">
            <img src="images/search.png" alt="">
            <input type="search" placeholder="家用电器">
        </div>
        <button class="searchBtn" type="button">搜索</button>
    </div>


    <div id="title">
        <h3>最新搜索</h3>
        <span class="bin iconfont icon-shanchu"></span>
    </div>


    <ul id="history">
    </ul>

    <!-- 引入js文件 -->
    <script src="./lib/jquery/jquery.js"></script>
    <script src="./js/search.js"></script>
</body>
</html>